<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="../include/tag.jsp"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<title>活动详情</title>
<%@include file="../include/commonFile.jsp"%>
<link rel="stylesheet" href="${ctx}/css/common/list.css">
<link rel="stylesheet" href="${ctx}/css/ui/activity/act_detail.css">
<link rel="stylesheet" href="${ctx}/css/common/img_text.css">
</head>

<body>
<%@include file="../include/header.jsp"%>
	<div class="index-outside">
		<%@include file="../include/sidebar.jsp"%>
		<section>
			<div class="section-main">
				<div class="act-detail-head mt20">
					<div class="act-detail-content">
						<div class="detail-logo common-img">
							<img src="<c:if test="${activity.pic != null}">${activity.pic}?imageMogr2/auto-orient/crop/300x180</c:if>" alt="" onerror="txz.errImg(this)">
						</div>
					</div>
					<div class="content-text">
						<p class="f24 text-titel">${activity.title}</p>
						<p class="f16 text-element">
							<i class="iconfont icon-remind btn-icon"></i> 开始时间：
							<fmt:formatDate value="${activity.startTime}" pattern="yyyy-MM-dd HH:mm" />
						</p>
						<p class="f16 text-element">
							<i class="iconfont icon-moneybag btn-icon"></i> 活动费用：
							<strong class="active-red">${newPrice}</strong>
						</p>
						<p class="f16 text-element">
							<i class="iconfont icon-people btn-icon"></i> 限制人数：
							<c:if test="${activity.limitNum == 0}">
								<strong class="active-red">不限</strong>
							</c:if>
							<c:if test="${activity.limitNum > 0}">
								<strong class="active-red">${activity.limitNum}</strong>人
							</c:if>
							报名人数：<strong class="active-red">${activity.joinNum}</strong>人
						</p>
						<p class="f16 text-element">
							<i class="iconfont icon-location btn-icon"></i> 活动地点：
							<span>${activity.area} ${activity.place}</span>
						</p>
					</div>
				</div>
				<div class="detail-head mt20">
					<span class="head-title f20">活动详情</span>
				</div>
				<div class="act-main-body img-text-content">${activityDetail.content}</div>
			</div>
			<%@include file="../include/footer.jsp"%>
		</section>
	</div>

	<script type="text/javascript" src="${ctx}/script/common/img_text.js"></script>
	<script type="text/javascript">
        txz.initHeader({
            nav:[{
                name: '活动管理',
                href:'${ctx}/activity/activity/activityList.do',
            },{
                name: '活动详情',
                curr: true
            }],
            btns:[{
                type:'back'
            }]
        });
		$(function(){
			imgText.initImgNew('.img-text-content');
            setTimeout(function () {
                $('.lazy-img').picLazyLoad();
            },100);
		})
	</script>
</body>
</html>
